﻿

#menu > div, .menu2 > div {
	width: 80px;
	height: 80px;
	padding: 10px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	display: block;
}

.menu2 > div {
	float: left;
}

	#menu > div > *:nth-child(2n+1), .menu2 > div > * {
		z-index: 2;
		width: 79px;
		height: 79px;
		background: url("img/bg.jpg") fixed;
		border: 1px solid rgba(255, 255, 255,1);
		box-shadow: rgba(255, 255, 255,1) 2px 4px 5px inset;
		border-radius: 10px;
		display: block;
	}
	#menu > div > a:nth-child(2n+1), .menu2 > div > a {
		cursor: pointer;
	}
		#menu > div > a:nth-child(2n+1):hover, .menu2 > div > a:hover,#btnShopCar:hover {
			background: url("img/blur_10_bg.jpg") fixed;
			box-shadow: rgba(0,0,0,0.75) 2px 4px 10px inset;
			border: none;
		}

		#menu > div > *:nth-child(2n+1) > div:nth-child(2n+1), .menu2 > div > * > div:nth-child(2n+1) {
			width: 48px;
			height: 48px;
			margin: 0px auto;
			padding: 5px 0 0;
		}

		#menu > div > *:nth-child(2n+1) > div:nth-child(2n+2), .menu2 > div > * > div:nth-child(2n+2) {
		}

#menu > *:hover .menu2 {
	left: 100px;
	visibility: visible;
}

#menu * {
	color: black;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgb(255, 255, 255), -1px 1px 1px rgb(255, 255, 255), 1px -1px 1px rgb(255, 255, 255), -1px -1px 1px rgb(255, 255, 255);
	text-align: center;
	text-decoration: none;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

#menu form {
	visibility: collapse;
	width: 0;
	padding: 0;
}